$(function () {
    let prame = {
        key: '',//string	搜索关键词，可以为空，为空返回某类型所有文章
        type: '',// string	文章类型id，可以为空，为空返回所有类型文章
        state: '',//string	文章状态，草稿 ，已发布, 为空返回所有状态文章
        page: 1,// number	当前页，为空返回第1页
        perpage: 10//number	每页显示条数，为空默认每页6条
    }
    function getList() {
        $.get('/admin/article/query', prame, function (res) {
            const html = template('listTmp', { list: res.data.data })
            $('tbody').html(html)
            pager(res.data.totalCount)
        })
    }
    function getCategory() {
        $.get('/admin/category/list', function (res) {
            let html = `<option value=''>所有类别</option>`
            res.data.forEach(function (index) {
                html += `<option value='${index.id}'>${index.name}</option>`
                $('#selCategory').html(html)
            })

        })
    }
    function pager(count) {
        layui.laypage.render({
            elem: 'pager',
            count,
            curr: prame.page,
            limit: prame.perpage,
            jump: function (obj, first) {
                if (!first) {
                    prame.page = obj.curr
                    //得到当前页，以便向服务端请求对应页的数据
                    //得到每页显示的条数
                    getList()
                }
            }
        })
    }
    getList()
    getCategory()
    pager()
    $('#btnSearch').click(function () {
        prame.key = $('#aname').val().trim()
        prame.type = $('#selCategory').val()
        prame.state = $('#selStatus').val()
        prame.page = 1
        getList()
    })
    $('#reset').click(function () {
        prame = {
            key: '',//string	搜索关键词，可以为空，为空返回某类型所有文章
            type: '',// string	文章类型id，可以为空，为空返回所有类型文章
            state: '',//string	文章状态，草稿 ，已发布, 为空返回所有状态文章
            page: 1,// number	当前页，为空返回第1页
            perpage: 10//number	每页显示条数，为空默认每页6条
        }
        $('#aname').val('')
        $('#selCategory').val('')
        $('#selStatus').val('')

        getList()
    })
    $('tbody').on('click', '.delete', function () {
        const id = $('tbody tr').data('obj').id
        $.post('/admin/article/delete', { id }, function (res) {
            layer.confirm('你确定要删除吗😭', function (index) {
                layer.close(index)
                getList()
            })
        })
    })

})